<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Magic Tournament</title>
</head>
<body>
	<div id="divParametres" style="display:block;">
		<table>
			<tr>
				<td colspan=2>
					<h3 style="margin-bottom : 2px;">Paramètres du tournoi : </h3>
				</td>
			</tr>
			<tr>
				<td style="padding-left:15px;">
					<label for="inputTempsRound">Temps d'une round (en min) : </label>
				</td>
				<td>
					<input type="number" id="inputTempsRound" onkeyup="this.value=this.value.replace(/[^\d]/,'')" value="50">
				</td>
			</tr>
			<tr>
				<td colspan=2 style="text-align: center;">
					<input type="submit" value="Enregistrer" onclick="enregistrerTempsRound();">
				</td>
			</tr>
		</table>
	</div>
	<div id="divListeJoueur" style="display:block;">
		<table id="tableJoueur">
			<tr>
				<td colspan=2>
					<h3 style="margin-bottom : 2px;">Gestion des joueurs : </h3>
				</td>
			</tr>
			<tr>
				<td>
					Ajouter joueur
				</td>
				<td>
					Enlever joueur
				</td>
			</tr>
			<tr>
				<td>
					<input style="text" id="inputAjouterJoueur">
				</td>
				<td>
					<select id="selectListEnleverJoueur">
					</select> 
				</td>
			</tr>
			<tr>
				<td style="text-align: center;">
					<input type="submit" value="Ajouter" onclick="ajouterParticipant();">
				</td>
				<td style="text-align: center;">
					<input type="submit" value="Enlever" onclick="retirerParticipant();">
				</td>
			</tr>
			<tr>
				<td colspan=2 style="text-align: center;">
					Liste des participants :
				</td>
			</tr>
			<tr>
				<td colspan=2 style="text-align: center;" id="cellListeParticipants">
				</td>
			</tr>
			<tr>
				<td colspan=2 style="text-align: center;">
					<input type="submit" value="Valider les participants" onclick="validerParticipant();">
				</td>
			</tr>
		</table>
	</div>
	<div>
		<h3 style="margin-bottom : 2px;"><a href="#" onclick="javascript:toggleClassement();">Classement du tournoi : </a></h3>
		<div id="divClassement" style="display:block;">
			<table class="classementTable"><tr><td>Joueur</td><td>Points</td></tr></table>
		</div>
	</div>
	<div id="divTournoi" style="display:none;">
		<h3>Round : </h3>
		<div id="labelNbRoundRestant"></div>
		<div id="divTempsRestant">Temps restant : 00:00</div>
		<div><input id="buttonGenererRound" type="submit" onclick="genererRound();" value="Générer Round"><input id="buttonDemmarerRound" type="submit" onclick="demmarerRound();" value="Démarrer Round"></div>
		<div id="divListMatchRound">
			<table class="classementTable"><tr><td>Match du round :</td></tr></table>
		</div>
		<div>
			Match : 
			<select id="selectListeMatchRound"></select>
			Resultat : 
			<select id="selectListeResultatMatch">
				 <option value="2-0">2-0</option>
				 <option value="2-1">2-1</option>
				 <option value="1-0">1-0</option>
				 <option value="1-1">1-1</option>
				 <option value="0-1">0-1</option>
				 <option value="1-2">1-2</option>
				 <option value="0-2">0-2</option>
			</select>
			<input id="buttonFinirMatch" type="submit" value="Valider" onclick="finirMatch();" disabled>
		</div>
	</div>
</body>
</html>